<%layout("/fbzr/layout/default.html",{'title' : 'Portal'}){%>

<style type="text/css">
	.title{
		font-size:16px;
		font-weight:bold;
		padding:20px 10px;
		background:#eee;
		overflow:hidden;
		border-bottom:1px solid #ccc;
	}
	.t-list{
		padding:5px;
	}
	a {
		color:blue;
		text-decoration:underline;
	}
	#pay td {
		border: 1px solid;
		text-align: center;
		padding-right: 5px;
		padding-left: 5px;
	}
</style>

<script>
	$(function(){
		$('#pp').portal({
			border:false,
			fit:true
		});
// 		add();
	});
// 	function add(){
// 		for(var i=1; i<3; i++){
// 			var p = $('<div/>').appendTo('body');
// 			p.panel({
// 				title:'Title'+i,
// 				content:'<div style="padding:5px;">Content'+(i+1)+'</div>',
// 				height:100,
// 				closable:true,
// 				collapsible:true
// 			});
// 			$('#pp').portal('add', {
// 				panel:p,
// 				columnIndex:i
// 			});
// 		}
// 		$('#pp').portal('resize');
// 	}
// 	function remove(){
// 		$('#pp').portal('remove',$('#pgrid'));
// 		$('#pp').portal('resize');
// 	}
</script>

<body class="easyui-layout">

	<div region="center" border="false">
		<div id="pp" style="position:relative">
			<div style="width:${notice1.width!'33'}%;">
				<div title="${notice1.title!}" closable="true" style="height:${notice1.height!'500'}px;padding:2px;overflow: auto" >
					${notice1.content!}
				</div>				
			</div>
			
			<div style="width:${notice2.width!'33'}%;">
				<div title="${notice2.title!}" closable="true" style="height:${notice2.height!'500'}px;padding:5px;overflow: auto">
					${notice2.content!}
				</div>
			</div>
			
			<div style="width:${notice3.width!'33'}%;">
			    <div title="${notice3.title!}" closable="true" style="height:${notice3.height!'500'}px;padding:2px;overflow: auto">
			    	${notice3.content!}
				</div>
			</div>
			
		</div>
	</div>
</body>

<<%}%>